.app {
    width: 100%;
    height: 1080px;
    background: #0066FF;
    color: #fff;
}

/deep/ .el-form-item {
    height: 25px;
    margin-bottom: 20px !important;

    /deep/ .el-form-item__label {
        height: 25px;
        line-height: 30px;
        color: #fff;
    }

    /deep/ .el-form-item__content {
        height: 25px;
        line-height: 25px;

        /deep/.el-input {
            height: 100%;

            /deep/ .el-input__inner {
                height: 100%;
            }
        }
    }

}

.OBBox {
    position: fixed;
    top: 9px;
    left: 0px;
    margin: 0px 9px;

    // 顶部区域
    .topBox {
        width: 1900px;
        height: 52px;
        line-height: 47px;
        background: #07098cd1;
        border-bottom: 2px solid #fff;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;

        .Title {
            line-height: 10px;
        }



    }

    // 中间区域
    .contentBox {
        display: flex;
        justify-content: space-between;

        // 左侧编辑区域
        .editstyle {
            border: 1px solid #797979;
            box-sizing: border-box;
            margin-top: 5px;
            padding: 0px 20px;
            border-radius: 5px;
            padding-bottom: 10px;

            h3 {
                text-align: center;
                font-size: 15px;
                color: #000;
                line-height: 0px;

            }

            //from

            /deep/ .el-button {
                width: 100%;
                height: 25px;
                line-height: 4px;
            }
        }

        .editBox {
            width: 15%;
            height: 950px;

            // 患者信息
            .patientBox {
                background: #8CC1E1;

                padding: 0px 20px 10px 20px;

                /deep/ .el-form-item {
                    margin-bottom: 5px !important;
                }

            }

            // 机架偏转
            .rackdeflection {
                background: #8CC1E1;

                /deep/ .el-form {
                    padding-right: 10px;

                    /deep/ .el-form-item {
                        /deep/ .el-input {
                            position: relative;
                        }

                        .celsius {
                            position: absolute;
                            top: 0px;
                            right: -10px;
                            z-index: 2;
                        }
                    }
                }
            }

            // 机架旋转
            .rackrotation {
                background: #8CC1E1;

                /deep/ .el-form {
                    padding-right: 10px;

                    /deep/ .el-form-item {
                        /deep/ .el-input {
                            position: relative;
                        }

                        .celsius {
                            position: absolute;
                            top: 0px;
                            right: -10px;
                            z-index: 2;
                        }
                    }
                }


            }

            // FOV选择
            .FOVBox {
                background: #8CC1E1;

                /deep/ .el-select {
                    height: 100%;
                }

                /deep/ .el-input {
                    /deep/ .el-input__suffix {
                        margin-top: 8px;
                    }
                }
            }


            // 激光
            .laserBox {
                background: #8CC1E1;
                display: flex;
                flex-wrap: wrap;
                /* 允许flex子项换行 */
                justify-content: space-between;
                padding-bottom: 5px;

                /* 水平方向上子项之间的间距分布 */
                /deep/ .el-button {
                    margin-left: 0px;
                    margin-top: 5px;
                    width: 28%;
                    height: 15px;
                    line-height: 0px;
                    padding-left: 15px;


                }
            }

            // 曝光操作
            .exposure {
                background: #D7D7D7;

                /deep/ .el-form {
                    display: flex;

                    /deep/ .el-form-item {
                        margin-bottom: 10px !important;

                        /deep/ .el-select {
                            height: 100%;
                        }

                        /deep/ .el-input {
                            /deep/ .el-input__suffix {
                                margin-top: 8px;
                            }
                        }
                    }
                }

                .exposurecontent {
                    display: flex;

                    .exposurelf {
                        .exposureIcon {
                            height: 38px;
                            text-align: center;
                            line-height: 38px;

                            .el-icon-sunny {
                                color: #F59B22;
                                font-size: 40px;
                            }
                        }

                        /deep/ .el-button {
                            width: 76px;
                            margin-top: 10px;
                            word-break: break-all;
                            /* 或者 word-wrap: break-word; */
                            white-space: normal;
                            /* 允许空格和换行符 */
                            /* 你可能还需要调整按钮的高度和宽度来适应多行文本 */
                            height: auto;
                            /* 或者指定一个足够高的值 */
                            line-height: 1.5;
                            /* 调整行高以改善可读性 */
                            padding: 10px 17px;
                            /* 适当的内边距 */
                        }
                    }

                    .exposurert {
                        margin-left: 30px;

                        #myechart {

                            width: 100px;
                            height: 100px;
                            margin-left:20px;
                            margin-top:15px;
                            
                        }
                    }

                }
            }

        }

        //右侧图像展示区域
        .viewBox {
            width: 83%;
            height: 100%;
            display: flex;
            justify-content: space-between;
            margin-top: 5px;

            .view {
                width: 48%;
                display: flex;
                justify-content: space-between;

                .viewtoolBox {
                    width: 580px;
                    height: 709px;
                   

                    // background: #fff;
                    /deep/ .el-carousel {
                        width: 100%;
                        height: 100%;
                        position: relative;

                        /deep/ .el-carousel__container {
                            width: 100%;
                            height: 100%;

                            /deep/ .el-carousel__arrow {
                                position: absolute;
                                top: 96%;
                                background: #ff000000;
                            }

                            /deep/ .el-carousel__arrow--left {

                                left: 48%;
                            }

                            /deep/ .el-carousel__arrow--right {
                                right: 35%;
                            }
                        }

                        /deep/ .el-carousel__indicators {
                            display: none;
                        }
                    }

                    /deep/ .el-carousel__item {
                        background: rgba(255, 0, 0, 0) !important;
                    }

                    /deep/ .el-carousel__item .content {
                        height: 92%;
                        background: #fff;
                        color: #475669;
                        font-size: 18px;
                        line-height: 300px;
                        margin: 0;
                    }

                    /deep/ .el-carousel__item:nth-child(2n) {
                        background-color: #99a9bf;
                    }

                    /deep/ .el-carousel__item:nth-child(2n+1) {
                        background-color: #d3dce6;
                    }

                    .pageBox {
                        width: 580px;
                        display: flex;
                        position: absolute;
                        bottom: 0px;
                        left: 0px;

                        .page {
                            color: #F8B10C;
                            font-weight: bold;
                            font-size: 14px;
                            margin: 0px 20px;

                            p {
                                line-height: 10px;
                            }

                            span {
                                color: #fff;
                            }
                        }

                        .direction {
                            height: 40px;
                            margin-top: 11px;
                            display: flex;
                            border-top: 1px solid #fff;
                            border-bottom: 1px solid #fff;
                            border-left: 1px solid #fff;

                            div {
                                width: 56px;
                                height: 40px;
                                background: #009DFF;
                                font-size: 19px;
                                text-align: center;
                                line-height: 40px;
                                border-right: 1px solid #fff;
                                cursor: pointer;
                            }
                        }
                    }


                    // 图像按钮
                    .imageBtn {
                        display: flex;
                        flex-wrap: wrap;
                       padding-bottom: 5px;
                        margin-top: 10px;
                       

                        /deep/ .el-button {
                            margin-left: 0px;
                            margin-top: 5px;
                            width: 72px;
                            height: 55px;
                            line-height: 30px;
                           
                            padding-left: 5px;
                            margin-right: 5px;
                            padding-right: 0px;

                            span {
                                display: flex;

                                img {
                                    width: 30px;
                                    height: 30px;
                                }

                                .text {
                                    width: 32px;
                                    text-indent: 3px;
                                   

                                }
                            }

                           
                           
                            
                            

                        }
                    }

                    // 窗位
                    .positionBox {
                        display: flex;
                        margin-top: 10px;
                        justify-content: space-between;

                        .positontext {
                            .itemsdataBox {
                                display: flex;
                                margin-top: 5px;

                                .positionName {
                                    line-height: 38px;
                                }

                                .block {
                                    display: flex;
                                    margin: 0px 20px;

                                    /deep/ .el-slider {
                                        width: 200px;

                                        /deep/ .el-slider__runway {
                                            width: 200px;
                                            background: #fff !important;
                                        }

                                        /deep/ .el-slider__bar {
                                            background: #009DFF;
                                        }

                                        /deep/ .el-slider__button {
                                            border-color: #009DFF;
                                            background: #009DFF;
                                        }

                                        /deep/ .el-input-number__decrease {
                                            display: none;
                                        }

                                        /deep/ .el-input-number__increase {
                                            display: none;
                                        }

                                        /deep/ .el-slider__input {
                                            left: 170px;

                                            /deep/ .el-input {
                                                width: 112px;
                                                height: 30px;


                                                /deep/ .el-input__inner {
                                                    width: 100%;
                                                    height: 100%;



                                                }
                                            }
                                        }


                                    }


                                }

                            }
                        }

                        // 三维重建按钮
                        .reconstructionBtn {
                            margin-top: -10px;

                            /deep/ .el-button {
                                width: 90px;
                                height: 88px;
                            }

                            /deep/ .el-button {
                                width: 90px;
                                margin-top: 10px;
                                word-break: break-all;
                                /* 或者 word-wrap: break-word; */
                                white-space: normal;
                                /* 允许空格和换行符 */
                                /* 你可能还需要调整按钮的高度和宽度来适应多行文本 */
                                height: 80px;
                                /* 或者指定一个足够高的值 */
                                line-height: 1.5;
                                /* 调整行高以改善可读性 */
                                padding: 10px 10px;
                                /* 适当的内边距 */
                            }


                        }


                    }


                }

                .editimage {
                    width: 203px;
                    height: 650px;

                    margin-left: 10px;

                    .editbulbartube {
                        margin-top: 10px;
                        padding: 0px 10px;
                        display: flex;
                        height: 18%;

                        /deep/ .el-form {
                            /deep/ .el-form-item {
                                margin-bottom: 5px !important;

                                /deep/ .el-input {
                                    position: relative;
                                }

                                .celsius {
                                    position: absolute;
                                    top: 0px;
                                    right: -10px;
                                    z-index: 2;
                                }
                            }
                        }

                        .viewBtn {
                            margin: 2px 0px 0px 20px;

                            /deep/ .el-button {
                                width: 85px !important;
                                height: 100px !important;
                                word-break: break-all;
                                /* 或者 word-wrap: break-word; */
                                white-space: normal;
                                /* 允许空格和换行符 */
                                /* 你可能还需要调整按钮的高度和宽度来适应多行文本 */
                                height: auto;
                                /* 或者指定一个足够高的值 */
                                line-height: 1.5;
                                /* 调整行高以改善可读性 */
                                padding: 20px;
                                /* 适当的内边距 */




                            }
                        }

                    }

                    .toolBox {
                        margin-top: 10px;
                        background: #F9CD90;
                        height: 79%;
                    }
                }







            }



        }

    }
}

// 底部区域
.footerBox {
    position: fixed;
    left: 0px;
    bottom: 0px;
    z-index: 10;
    width: 100%;
    height: 60px;
    border-radius: 8px;
    background: #81E9E9;
    border: 1px solid #797979;
    box-sizing: border-box;
    display: flex;

    .shutdownBox {
        color: red;
        line-height: 60px;
        margin: 0px 29px;
    }

    .functionbuttonBox {
        .btnBox {
            display: flex;
            margin-top: 5px;
            height: 48px;
        }

    }

    .stateBox {
        width: 160px;
        height: 45px;
        background: #F59B22;
        border: 1px solid #797979;
        box-sizing: border-box;
        margin-top: 7px;
        margin-left: 7%;
        margin-right: 31%;

        p {
            color: #fff;
            height: 45px;
            text-align: center;
            line-height: 12px;
        }
    }

    .electricitylevel {
        color: red;
        display: flex;
        line-height: 33px;

        p {
            margin-right: 10px;
        }
    }
}

/deep/ .el-tooltip__popper {
    background: red !important;

    span {
        color: red !important;
    }
}

// 修改球管参数弹窗
/deep/ .el-dialog__wrapper {
    /deep/ .el-dialog {
        width: 500px !important;
        height: 400px !important;
        position: relative !important;

        /deep/ .el-dialog__body {
            margin: 0 auto !important;

            .editdefaultcontent {
                width: 325px;
                margin-left: 17%;

                /deep/ .el-form {
                    /deep/ .el-form-item {
                        height: 38px;

                        /deep/ .el-form-item__label {
                            height: 25px;
                            line-height: 30px;
                            color: #000;
                            font-weight: bold;
                        }

                        /deep/ .el-form-item__content {
                            height: 38px;
                            line-height: 38px;
                            position: relative;

                            /deep/ .el-input-number {
                                height: 38px;

                                /deep/ .el-input-number__decrease {
                                    background: none;
                                    border: none;
                                }

                                /deep/.el-input-number__increase {
                                    background: none;
                                    border: none;
                                }
                            }

                            .celsius {
                                position: absolute;
                                top: 0px;
                                right: 0px;
                                z-index: 2;
                                color: #BFBE00 !important;
                                font-size: 18px;
                                font-weight: bold;
                                width: 45px;
                                text-align: left;
                            }

                        }


                    }
                }
            }
        }




        /deep/.el-dialog__footer {
            position: absolute !important;
            left: 18% !important;
            bottom: 0px !important;

            /deep/ .el-button {
                margin-left: 50px !important;
            }
        }
    }

}

// 登录弹窗
.loginModal {
    background: #93A1A0;

    /deep/ .el-dialog {
        width: 460px !important;
        height: 250px !important;
        position: relative !important;
        top: 20%;

        /deep/ .el-dialog__body {
            margin: 0 auto !important;

            .logincontent {

                // width: 325px;
                /deep/ .el-form {
                    /deep/ .el-form-item {
                        height: 38px;

                        /deep/ .el-form-item__label {
                            height: 25px;
                            line-height: 30px;
                            color: #000;
                            font-weight: bold;
                        }

                        /deep/ .el-form-item__content {
                            height: 38px;
                            line-height: 38px;

                            /deep/ .el-input {
                                height: 38px;

                            }



                        }


                    }
                }
            }
        }

        /deep/.el-dialog__footer {
            position: absolute !important;
            left: 15% !important;
            bottom: 0px !important;

            /deep/ .el-button {
                margin-left: 50px !important;
            }
        }





    }



}